<!--  -->
<template>
  <div class="view_navbar_father_default">
    <!-- <van-nav-bar
      :title="title"
      class="view_navbar_default"
      left-text
      right-text
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />-->
    <van-nav-bar
      class="view-navbar-default"
      :title="navTitle"
      left-text
      left-arrow
      @click-left="onClickLeft"
      @click-right="onClickRight"
    >
      <!-- <van-icon v-if="right" name="search" slot="right" />
      <van-icon name="search" slot="right" />
      <van-icon name="search" slot="right" />-->
    </van-nav-bar>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  props: {
    navTitle: { type: String, default: "" },
    right: { type: Boolean, default: true }
  },
  created() {},
  mounted() {},
  methods: {
    onClickLeft() {
      this.$emit("onClickLeft");
    },
    onClickRight() {
      this.$emit("onClickRight");
    }
  }
};
</script>

<style scoped>
.view-navbar-default {
  width: 100%;
  height: 44px;
  background: #b0c870;
}
.view_navbar_father_default >>> [class*="van-hairline"]::after {
  border: none;
}
.view_navbar_father_default >>> .van-nav-bar .van-icon {
  color: #588135;
}
</style>
